<template>
  <div>
    <div class="box" :style="{background:`rgb(${r},${g},${b})`}"></div> 
  </div>
</template>

<script>
import {mapState} from 'vuex';
export default {
  name: '',
  computed:{
    ...mapState(['r','g','b'])
  }
}
</script>

<style scoped>
    .box{
        width: 600px;
        height: 100px;
        background: #000;
    }
</style>
